<template>
  <div id="order1">
    <div class="order1-container">
      <p>登录后才能查看订</p>
      <a href>立即登录</a>
    </div>
    <Appfooter></Appfooter>
  </div>
</template>
<script>
export default {};
</script>
<style lang='scss' scoped>
#order1 {
  width: 750px;
  height:100%;
  background: #fafafa;
  .order1-container {
    width: 750px;
    min-height:800px;
    background-image: url("../image/order/unlogin.png") ;
    background-position: center;
    background-size:193px 191px;
    background-repeat: no-repeat;
    background-size: 192px;
    // position: absolute;
    //z-index: 3;
    p {
      font-size: 28px;
      color: #666;
      width: 750px;
      text-align: center;
      position: absolute;
      top: 600px;
    }
    a {
      text-decoration: none;
      display: block;
      margin-top: 16px;
      padding: 18px 16px;
      border-radius: 6px;
      border: 1px solid #47b34f;
      color: #47b34f;
      background: #fff;
      width: 160px;
      text-align: center;
      position: absolute;
      top:650px;
      left: 280px;;
    }
  }
}
</style>


